<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/static/member/themes/YouErJiaoYu/header.jsp" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport"
	content="width=device-width initial-scale=1.0  maximum-scale=1.0">
<link href="${ctxStatic}/jquery-mobile/css/jquery.mobile-1.3.1.min.css" type="text/css" rel="stylesheet" />
<title>会员登陆</title>
<script type="text/javascript">

$(document).ready(function() {
	$("#errorMessage").hide()
});

	function checkForm(){
		
		
		 
		var tel = $.trim($('#mobile').val());
		var password = $.trim($('#password').val());
		
		
		
		
		
		
		if(tel == null || tel ==''){
			$("#errorMessage").html("请输入手机号");
			$("#errorMessage").show()
			return false;
		}else{
			$("#errorMessage").hide()
		}
		
		if(password == null || password ==''){
			$("#errorMessage").html("请输入密码");
			$("#errorMessage").show()
			
			return false;
		}else{
			$("#errorMessage").hide()
			
			
		}
		
		
		return true;
	}
</script>
</head>
<body>
	<div class="main">
		<div>
			<div>
				<div class="ztContent">
				<div data-role="header" align="center" style="margin:10px;">
						 
				</div>
					<c:if test="${not empty message  }">
						<span class="alert" >${message}</span>
					</c:if>
					<form id="inputForm" action="${ctx}/edu/login" method="post" onsubmit=" return checkForm();">
							<input type="hidden" name="action" value="reg" /> 
							<input type="hidden" name="uid" value="${uid }" /> 
							<input	type="hidden" name="topage" value="${topage }" />
							<input	type="hidden" name="wechatId" value="${wechatId }" />
							<input	type="hidden" name="login" value="1" />
							<input	type="hidden" name="style" value="${style}"/>
							<div align="center">

								<div class="control-group">
									<div class="controls">
										手机号:&nbsp;&nbsp;<input name="mobile" type="text" 
											maxlength="11" value="${login_mobile }" class="required input-medium" id="mobile"/>
											<span id="mobileMessage" style="color:red">
											
											
											</span>
											
											
											 <br>
									</div>
								</div>
								<div class="control-group">
									<div class="controls">
										密&nbsp;&nbsp;&nbsp;码:&nbsp;&nbsp;<input name="pwd" type="password" 
											maxlength="15" class="required input-medium"  id="password"/>  
											
											<c:if test="${errormessage != null}">
											<span class="help-block" style="color:red" >${errormessage}</span>
											 </c:if>
											
											<c:if test="${pwd != null}">
											<span class="help-block" style="color:red">您的随机密码是：${pwd}</span>
											 </c:if>
											
											
											
									</div>
								</div>
								<div  align="center" class="alert" id="errorMessage" style="color:red;"  >
									
							</div>
								<div   align="center">
									<input id="btnSubmit" class="btn btn-danger" type="submit"
										value="会员登录" />
								</div>
								<div  align="center">
									
								</div>
								
								
							</div>
						</form>
						
				</div>
			</div>
		</div>
	</div>
</body>


<jsp:include page="./footer.jsp"></jsp:include>
</html>